
<!DOCTYPE html >
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>浙商保险 - 填写报价信息</title>
    <style>
    * {
    box-sizing: border-box;
    }

    .input-number {
    width: 2.32rem;
    padding: 0 0px;
    vertical-align: top;
    text-align: center;
    outline: none;
    }

    .input-number,
    .input-number-decrement,
    .input-number-increment {
    border: 1px solid #cccccc;
    height: 0.6rem;
    user-select: none;
    }

    .input-number-decrement,
    .input-number-increment {
    display: inline-block;
    width: 0.6rem;
    /*line-height: 38px;*/
    background: #f1f1f1;
    color: #444444;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    }
    .input-number-decrement:active,
    .input-number-increment:active {
    background: #dddddd;
    }

    .input-number-decrement {
    border-right: none;
    border-radius: 0px 0 0 0px;
    }

    .input-number-increment {
    border-left: none;
    border-radius: 0 0px 0px 0;
    }</style>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <link type="text/css" rel="stylesheet" href="css/caninfor.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <script src="js/style.js"></script>
    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="js/date.js"></script>
    <script type="text/javascript" src="js/city.js"></script>
    <script type="text/javascript" src="js/iscroll.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#beginTime').date();
            $('#endTime').date({
                theme: "datetime"
            });
        });
    </script>
</head>

<body>
<div class="menages"><i></i>报价信息</div>
<div class="basic manager-div margin-b5">
    <div class="title_text">
        代理人
        <select name="rdate" class="select">
            <option selected="selected">王嘎</option>
            <option>陈新安</option>
            <option>朱学亮</option>
            <option>孟秀萍</option>
            <option>甘会平</option>
            <option>其他</option>
        </select>    </div>
    <div class="title_text">
发动机号
        <input type="text" maxlength="18" value="请填写发动机号 " onFocus="if(value==defaultValue){value='';}" onBlur="if(!value){value=defaultValue;}">

    </div>
    <div class="title_text">
        车牌号码
        <input type="text" maxlength="18" value="请填写车牌号码 " onFocus="if(value==defaultValue){value='';}" onBlur="if(!value){value=defaultValue;}">
    </div>
    <div class="title_text">
        车架号
        <input type="tel" maxlength="11" value="请填写车架号 " onFocus="if(value==defaultValue){value='';}" onBlur="if(!value){value=defaultValue;}">
    </div>
    <div class="title_text">
        车辆种类
        <select name="rdate" class="select">
            <option selected="selected">客车</option>

        </select>
    </div>
    <div class="title_text">
        车辆使用性质
        <input type="text" value="请填写车辆使用性质 " onFocus="if(value==defaultValue){value='';}" onBlur="if(!value){value=defaultValue;}">
    </div>
    <div class="title_text">
        被保人与保险车辆关系
        <select name="rdate" class="select">
            <option selected="selected">所有</option>
            <option>使用</option>
            <option>管理</option>

        </select>
    </div>
    <div class="title_text">
        行驶证车主
        <select name="rdate" class="select">
            <option selected="selected">同保险人</option>
            <option>其他</option>
        </select>
    </div>
    <div class="title_text">
        核定载客总人数
        <input type="text" value="请填写核定载客总人数" onFocus="if(value==defaultValue){value='';}" onBlur="if(!value){value=defaultValue;}">
    </div>
    <div class="title_text">
        投保座位总数
        <input type="text" value="请填写座位总数" onFocus="if(value==defaultValue){value='';}" onBlur="if(!value){value=defaultValue;}">
    </div>
</div>
<div class="menages">
    <i></i>投保份数
<div style="float: right;">
<span class="input-number-decrement">–</span><input class="input-number" type="text" value="1" min="1" max="5"><span class="input-number-increment">+</span>
</div>
</div>
<div class="cancer-padding mb-mar">
<div class="btn-pic">保费单价：<label id="insuranceLast">130.00</label>元/份</div>

<div class="btn-pic">保费合计：<label id="insuranceLastTotlePremium">6.00</label>元</div>
</div>





<div class="height44"></div>
<!--<div class="bottom-can"><input type="submit" class="cancer-submit" value="下一步" /></div>-->
<div class="U-login-con">
    <a id="next" class="U-user-login-btn" ontouchstart="this.className='U-user-login-btn2'" ontouchend="this.className='U-user-login-btn'">立即投保</a>
    <div class="DialogDiv" style="display:none; ">
        <div class="U-guodu-box">
            <div>
                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td align="center">
                            <img src="images/ICBCLoading.gif">
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="cl"></div>
</div>
<!--<div class="bottom-can"><input type="submit" class="cancer-submit" value="确认" /></div>-->
<script>

    $(function() {

        //立即投保
        $('#next').click(function (){
            location.href="toubaorenInfo.html";
        });
    });


</script>
<script>
(function() {

window.inputNumber = function(el) {

var min = el.attr('min') || false;
var max = el.attr('max') || false;

var els = {};

els.dec = el.prev();
els.inc = el.next();

el.each(function() {
init($(this));
});

function init(el) {

els.dec.on('click', decrement);
els.inc.on('click', increment);

function decrement() {
var value = el[0].value;
value--;
if(!min || value >= min) {
el[0].value = value;
}
}

function increment() {
var value = el[0].value;
value++;
if(!max || value <= max) {
el[0].value = value++;
}
}
}
}
})();

inputNumber($('.input-number'));
//@ sourceURL=pen.js
</script>
</body>

</html>